JavaScript y D3

IIC2026 2020-2

JavaScript II

JavaScript y D3

IIC2026 2020-2

Iteración

            let valor = 0;
            let contador = 0;
            while (contador < 10) {
              valor += 2;
              contador += 1;
            }
          

            let valor = 0;
            for (let contador = 0; contador < 10; contador += 1) {
              valor += 2;
            }
					

Iteración

            let valor = 0;
            let contador = 0;
            while (contador < 10) {
              valor += 2;
              contador += 1;
            }
          

            let valor = 0;
            for (let contador = 0; contador < 10; contador += 1) {
              valor += 2;
            }
					

Fors

            let valor = 0;
            for (let contador = 0; contador < 10; contador += 1) {
              valor += 2;
            }
					

Fors

            let valor = 0;
            for (let contador = 0; contador < 10; contador += 1) {
              valor += 2;
            }
          

            let contador = 0
          

Fors

            let valor = 0;
            for (let contador = 0; contador < 10; contador += 1) {
              valor += 2;
            }
          

            contador < 10
          

Fors

            let valor = 0;
            for (let contador = 0; contador < 10; contador += 1) {
              valor += 2;
            }
          

            contador += 1
          

Fors

            let valor = 0;
            for (let contador = 0; contador < 10; contador += 1) {
              valor += 2;
            }
          

            const arreglo = [1, 2, 3];
            let suma = 0;
            for (const element of arreglo) {
              suma += 0;
            }
          

            const objeto = { a: 1, b: 2, c: 3 };
            let suma = 0;
            for (const propiedad in objeto) {
              suma += objeto[propiedad]
            }
          

Fors

            let valor = 0;
            for (let contador = 0; contador < 10; contador += 1) {
              valor += 2;
            }
          

            const arreglo = [1, 2, 3];
            let suma = 0;
            for (const element of arreglo) {
              suma += 0;
            }
          

            const objeto = { a: 1, b: 2, c: 3 };
            let suma = 0;
            for (const propiedad in objeto) {
              suma += objeto[propiedad]
            }
          

Funciones

            function sumar10(numero) {
              return numero + 10;
            }
            
            sumar10(6); // 16
          

Funciones

            function sumar10(numero) {
              return numero + 10;
            }
            
            sumar10(6); // 16
          

            const sumar10 = function(numero) {
              return numero + 10;
            }

            sumar10(6); // 16
          

            const sumar10 = (numero) => numero + 10;

            sumar10(6); // 16
          

Arrow functions

            const sumar10 = (numero) => numero + 10;

            sumar10(6); // 16
          

Arrow functions

            const algoMasComplicado = (arg1, arg2, arg3) => {
              // ...
              return valorResultado;
            };

            algoMasComplicado(1, 2, 3); // Algo complicado
          

JavaScript

• Es posible ejecutarlo en un computador.
• También funcione en el navegador, mientras ligado a un documento HTML.
• Al abrirse un documento HTML se ejecutan programas de JavaScript asociados.
• Podemos ver los resultados en una pestaña "Consola" en el inspector de elementos.

            let arreglo = [];

            for (let numero = 0; numero <= 20; numero += 2) {
              arreglo.push(numero);
            }

            for (numero of arreglo) {
              console.log(numero);
            }
          

            // programa_1.js
            let arreglo = [];

            for (let numero = 0; numero <= 20; numero += 2) {
              arreglo.push(numero);
            }

            for (numero of arreglo) {
              console.log(numero);
            }
          

            // programa_1.js
            let arreglo = [];

            for (let numero = 0; numero <= 20; numero += 2) {
              arreglo.push(numero);
            }

            for (numero of arreglo) {
              console.log(numero);
            }
          

            <!DOCTYPE html>
            <html>
                
              <head>
                <meta charset="utf-8">
                <title>Ejemplo con JS 1</title>
              </head>
            
              <body>
                
                <script src='programa_1.js' charset='utf-8'></script>
              </body>
            </html>
          

JavaScript

¡Es mucho! Iremos revisando detalles nuevos a medida que pasa el curso.

Ten curiosidad y busca en la web por referencias de aprendizaje. Recomiendo: MDN Web Docs.

¡O pregúntanos! 😄

JavaScript II

JavaScript y D3

IIC2026 2020-2

¡Deja tus preguntas en los comentarios!